@mixin flex-column {
  display: flex;
  flex-direction: column;
}
@mixin flex-row {
  display: flex;
  flex-direction: row;
}
.list-wrap {
  box-sizing: border-box;
  overflow-x: hidden;
  background: #F5F5F5;
  .list {
    box-sizing: border-box;
		.icon-class{
			width:64px;
			height: 64px;
		}
    .item {
      box-sizing: border-box;
      background: #ffffff;
      margin-bottom: 24rpx;
      .head {
        box-sizing: border-box;
        padding: 22rpx 24rpx 22rpx 0rpx;
        margin-left: 22rpx;
        @include flex-row;
        align-items: center;
        justify-content: space-between;
        height: 88rpx;
        border-bottom: 1px solid #E5E5E5;
        font-size: 26rpx;
        color: #999999;
        .car-license {
          box-sizing: border-box;
          @include flex-row;
          align-items: center;
          width: calc(100% - 220rpx);
          image {
            width: 52rpx;
            height: 52rpx;
          }
          .license {
            max-width: 200rpx;
            margin-left: 12rpx;
            margin-right: 12rpx;
            font-size: 32rpx;
            color: #333333;
            font-weight: 400;
          }
          .series {
            flex: 1;
            margin-right: 12rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
        .in-store-date {
          width: 220rpx;
        }
      }
      .content {
        &-item {
          @include flex-row;
          align-items: center;
          justify-content: space-between;
          padding: 24rpx;
          color: #333333;
          font-size: 24rpx;
          &.active {
            background-color: rgba(0, 0, 0, 0.1);
          }
          .left, .right {
            @include flex-row;
            align-items: center;
          }
          .left {
            .icon {
              margin-right: 8rpx;
            }
            .name-date {
              .name {
                font-size: 30rpx;
                font-weight: 500;
              }
              .date {
                color: #999999;
              }
            }
          }
          .right {
            .tab {
              padding: 6rpx 12rpx;
              border-radius: 4rpx;
              margin-right: 12rpx;
              &.need-atten {
                color: #E0251A;
                background-color: rgba(224,37,26,0.15);
              }
              &.normal {
                color: #67C23A;
                background-color: rgba(103,194,58,0.15);
              }
            }
          }
        }
      }
    }
  }
}
